﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script type="text/javascript" src="/node_modules/requirejs/require.js"></script>
    <script type="text/javascript" src="/configs/using.js"></script>

    <script type="text/javascript">
        require(["jquery", "logic/page/iconsvg"], function ($, iconsvg) {
            $(function () {
                var box = $(".list");
                var svg_names = [
                    "box-solid.svg",
                    "circle-xmark-solid.svg",
                    "edit-solid.svg",
                    "rotate-solid.svg",
                    "truck-solid.svg",
                    "angles-right-solid.svg",
                    "circle-check.svg",
                    "flag-solid.svg",
                    "plus-solid.svg",
                    "right-left-solid.svg",
                    "star-solid.svg",
                    "xmark-solid.svg",
                    "list.svg",
                    "points.svg",
                    "complate.svg",
                    "arrow.svg",
                ];
                for (let index = 0; index < svg_names.length; index++) {
                    var svg = svg_names[index];
                    var div = $(document.createElement('div'));
                    div.addClass('item iconsvg');
                    div.attr('src', svg)
                    var i = $(document.createElement('i'));
                    i.html(svg);
                    div.append(i);
                    box.append(div);
                }
                iconsvg.default.onload(box);
            });
        });
    </script>

    <style type="text/css">
        * {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .list {}

        .list .item {
            display: inline-block;
            box-shadow: 0 0 4px #000;
            width: auto;
            height: auto;
            text-align: left;
            margin-right: .9em;
            margin-bottom: .9em;
            padding: .5em;
        }

        .list .item .svg {
            display: inline-block;
            font-size: 3em;
        }

        .list .item i {
            display: inline-block;
            font-size: 1em;
            margin-left: 1em;
            -webkit-user-select: all;
            -moz-user-select: all;
            -ms-user-select: all;
            user-select: all;
        }
    </style>

    <div class="list">
        <!-- <div class="item iconsvg" src="./circle-check.svg"><i>circle-check.svg</i></div> -->
    </div>
</body>
</html>

<!--
http://localhost:7466/asserts/icons/svgs/_show.html
([\w\-\_]+)\.svg\s+
$1.svg\n
-->
